<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">

<#import "katari.ftl" as katari/>

<html>

  <head>
    <title>${title}</title>

    <script type='text/javascript'
      src="${baseweb}/module/ajax/yui/yuiloader/yuiloader-min.js">
    </script>

    ${head}
    <link rel="stylesheet" type="text/css" media="screen"
        href="${baseweb}/module/decorator/css/katari.css">
    <link rel="icon" type="image/vnd.microsoft.icon"
        href="${baseweb}/module/decorator/image/katari.ico">
  </head>

  <!-- This is just a sample to showcase the tree types of menus. Pick the one
  you like and remove the menu selection logic. -->
  <#assign menuType = request.getParameter("menuType")!''/>
  <#if menuType != ''>
    <#assign mm = request.getSession().setAttribute("menuType", menuType)/>
  <#else>
    <#assign menuType = request.getSession().getAttribute("menuType")!'classic'/>
  </#if>

  <body class='yui-skin-sam'>
    <div id='container'>
      <div id="header">
        <!-- Header starts here -->
        <#include "header.dec">
        <!-- Header ends here -->
      </div>
      <div id="frame">
        <#if menuType == 'classic'>
          <!-- the main menu starts here -->
          <@katari.weblet "classic-menu" "menu" "1"/>
          <!-- the main menu ends here -->
        <#elseif menuType == 'bar'>
          <@katari.weblet "dropdown-menu" "menu" "bar"/>
        <#else>
          <div style='height:3px; background-color:#fff'>
            <@katari.weblet "dropdown-menu" "menu" "context"/>
          </div>
        </#if>
        <div id="section">

          <#if menuType == 'classic'>
            <!-- the inner menu starts here -->
            <@katari.weblet "classic-menu" "menu" "2"/>
            <!-- the inner menu ends here -->
          </#if>

          <#if menuType == 'classic'>
            <!-- the button menu starts here -->
            <@katari.weblet "classic-menu" "menu" "3"/>
            <!-- the button menu ends here -->
          </#if>

          <div id='content'>
            <!-- Body begins here -->
            ${body}
            <!-- body ends here -->
          </div>

        </div>
      </div>
      <div id="footerPadding"></div>
      <div id="footer">
        <!-- Footer begins here -->
        <#include "footer.dec">
        <!-- Footer ends here -->
      </div>
    </div>
  </body>

<#-- vim: set ts=2 et sw=2 filetype=html ai: -->
</html>

